import React from 'react';
import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';

export const PlayIcon = (): JSX.Element => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <G id="play-circle 1" clipPath="url(#clip0_57_25171)">
        <Path
          id="Vector"
          d="M9.99996 18.3333C14.6025 18.3333 18.3333 14.6025 18.3333 9.99996C18.3333 5.39746 14.6025 1.66663 9.99996 1.66663C5.39746 1.66663 1.66663 5.39746 1.66663 9.99996C1.66663 14.6025 5.39746 18.3333 9.99996 18.3333Z"
          stroke="#8F8F8F"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <Path
          id="Vector_2"
          d="M7.91663 7.47077C7.91663 7.07327 7.91663 6.87411 7.99996 6.76327C8.03571 6.71553 8.08128 6.67602 8.13362 6.64741C8.18595 6.6188 8.24381 6.60176 8.30329 6.59744C8.44163 6.58744 8.60913 6.69494 8.94413 6.90994L12.8775 9.43911C13.1683 9.62577 13.3133 9.71911 13.3633 9.83744C13.3851 9.88885 13.3963 9.94411 13.3963 9.99994C13.3963 10.0558 13.3851 10.111 13.3633 10.1624C13.3133 10.2808 13.1683 10.3741 12.8775 10.5608L8.94413 13.0899C8.60913 13.3049 8.44163 13.4124 8.30329 13.4024C8.24374 13.398 8.18584 13.3808 8.1335 13.3521C8.08117 13.3233 8.03562 13.2837 7.99996 13.2358C7.91663 13.1258 7.91663 12.9266 7.91663 12.5291V7.47077Z"
          fill="#8F8F8F"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_57_25171">
          <Rect width="20" height="20" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
